<script setup>
import { useMainStore } from "@/composables/store/index.js";

const mainStore = useMainStore();
</script>

<template>
  <!-- 加载页面 -->
  <div id="loader-wrapper" :class="mainStore.imgLoadStatus ? 'loaded' : null">
    <div class="loader">
      <div class="loader-circle">
        <div class="second-circle">
          <div class="small-circle"></div>
        </div>
      </div>
      <div class="loader-text">
        <span>WeStart</span>
        <span class="tip"> 加载中 </span>
      </div>
    </div>
    <div class="loader-section section-left"></div>
    <div class="loader-section section-right"></div>
  </div>
</template>

<style lang="scss" scoped src="./index.scss"></style>
